<div class="tab-pane" id="tab-shapes" role="tabpanel" aria-labelledby="nav-shapes">
	<div class="card mb-4">
		<div class="card-header">
			<div class="row align-items-center">
				<div class="col">
					<div class="h4 mb-0"><i class="bi bi-box-seam me-2"></i>Shapes</div>
				</div>
				<div class="col-auto">
					<a href="https://gitbrent.github.io/PptxGenJS/docs/api-shapes/" title="Documentation" target="_blank">
						Docs<i class="bi bi-box-arrow-up-right ms-2"></i>
					</a>
				</div>
			</div>
		</div>
		<div class="card-body">
			<div class="row row-cols gx-4 gy-5">
				<div class="col">
					<h5>Slide 1</h5>
					<h6>Shapes without Text</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Shapes: Rectangle, Line, Oval, Triangle</li>
						<li class="list-group-item">Shapes: Flipped Horizontal</li>
						<li class="list-group-item">Shapes: Borders</li>
						<li class="list-group-item">Lines: Arrowheads and Dashes</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 2</h5>
					<h6>Shapes with Text</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Shapes: Rectangle, Line, Oval, Triangle</li>
						<li class="list-group-item">Shapes: Flipped Horizontal</li>
						<li class="list-group-item">Shapes: Borders</li>
						<li class="list-group-item">Lines: Arrowheads and Dashes</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="card-footer text-center">
			<button id="btnGenFunc_Shape" type="button" class="btn btn-success px-5">Run Demo</button>
		</div>
	</div>
	<div class="card">
		<div class="card-header p-3">
			<div class="row align-items-center">
				<div class="col">
					<div class="h4 mb-0"><i class="bi bi-box-seam me-2"></i>Text</div>
				</div>
				<div class="col-auto">
					<a href="https://gitbrent.github.io/PptxGenJS/docs/api-text/" title="Documentation" target="_blank">
						Docs<i class="bi bi-box-arrow-up-right ms-2"></i>
					</a>
				</div>
			</div>
		</div>
		<div class="card-body">
			<div class="row row-cols gx-4 gy-5">
				<div class="col">
					<h5>Slide 1</h5>
					<h6>Alignment, Location, Sub/Super Script</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Text: alignment</li>
						<li class="list-group-item">Text: locations</li>
						<li class="list-group-item">Text: subscript / superscript</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 2</h5>
					<h6>Formatting, Line Breaks, Line Spacing</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Text: formatting</li>
						<li class="list-group-item">Text: line-breaks</li>
						<li class="list-group-item">Text: line-spacing</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 3</h5>
					<h6>Bullet Styles, Shapes, Indent</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Bullets: indent levels</li>
						<li class="list-group-item">Bullets: spacing</li>
						<li class="list-group-item">Bullets: custom styles</li>
						<li class="list-group-item">Bullets: custom shapes</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 4</h5>
					<h6>Hyperlinks, Tab stops, Text Effects</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Text: hyperlinks</li>
						<li class="list-group-item">Text: tab stops</li>
						<li class="list-group-item">Effects: outline, glow, shadow</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 5</h5>
					<h6>Text Fit</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Fit: none</li>
						<li class="list-group-item">Fit: resize</li>
						<li class="list-group-item">Fit: shrink</li>
					</ul>
				</div>
				<div class="col">
					<h5>Slide 6</h5>
					<h6>Scheme Colors</h6>
					<ul class="list-group list-group-flush">
						<li class="list-group-item">Scheme Colors: background</li>
						<li class="list-group-item">Scheme Colors: text</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="card-footer text-center">
			<button id="btnGenFunc_Text" type="button" class="btn btn-success px-5">Run Demo</button>
		</div>
	</div>
</div>
